﻿@model IEnumerable<HelpDesk.Models.UserProfile>

<link href="~/Content/select2.css" rel="stylesheet" />

<select id="@ViewData["ControlID"]" class="span12">
    @foreach(var item in Model)
    {
        <option value="@item.UserId">@item.FirstName @item.LastName</option>
    }
</select>

 <script src="~/Scripts/select2.min.js"></script>

    <script>
        $("#@ViewData["ControlID"]").select2({
            placeholder: "Select one",
            allowClear: true
        });
    </script>